import type { Directive } from 'vue'

/**
 * 使元素获得焦点的自定义指令;
 * 当指令被绑定到元素上时，元素挂载时调用元素的focus方法，使其获得焦点;
 *  常用于input元素，使其在页面加载时自动获得焦点
 */
const focus: Directive = {
  // 当指令被绑定到元素上时，执行mounted函数
  mounted(el: HTMLElement) {
    // 调用元素的focus方法，使其获得焦点
    console.log(el)

    el.focus()
  }
}

export default focus
